<template>
  <div class="todo-list">
    <todo-item
      v-for="todo in todos"
      :key="todo.tid"
      :todo-item="todo"
      @change-state="todo.completed = $event.target.checked"
    ></todo-item>
  </div>
</template>

<script setup>
import TodoItem from "./TodoItem.vue";

const props = defineProps({
  todos: Array,
});
</script>

<style scoped></style>
